<template>
    <div>
        <!-- <h1>我是Main</h1> -->

    <el-container>
        <el-aside width="auto"> 
            <common-aside/>
        </el-aside>

        <el-container>
            <el-header>
                <common-header/>
            </el-header>

            <Common-tag/>

            <el-main>
                <!-- 路由出口 -->
                <!-- 路由匹配到的组件将渲染在这里 -->
                <router-view/>
            </el-main>
            <!-- <el-footer>
                
            </el-footer> -->
        </el-container>
    </el-container>


    </div>
</template>


<script>
import CommonAside from '../components/CommonAside.vue';
import CommonHeader from '../components/CommonHeader.vue';
import CommonTag from '../components/CommonTag.vue';

export default{
  
    data() {
        return {
            
        }
    },
    CommonAside : {
        CommonAside,
        CommonHeader
        
    },

    components: { CommonAside, CommonHeader ,CommonTag},
}
</script>

<style scoped>
.el-header{
    padding: 0;
}
</style>